@font-face {
    font-family: 'aliyun-console-font';
    src: url("font/aliyun-console-font.eot?bfck9j");
    src: url("font/aliyun-console-font.eot?#iefixbfck9j") format("embedded-opentype"), url("font/aliyun-console-font.woff?bfck9j") format("woff"), url("font/aliyun-console-font.ttf?bfck9j") format("truetype"), url("font/aliyun-console-font.svg?bfck9j#aliyun-console-font") format("svg");
    font-weight: normal;
    font-style: normal
}

.console-component-topbar {
    position: relative;
    z-index: 100;
    clear: both;
    height: 80px;
    background: #3d6799;
    font-size: 12px;
    min-width: 990px
}

.console-component-topbar span,
.console-component-topbar a,
.console-component-topbar p,
.console-component-topbar li {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em
}

.console-component-topbar a {
    text-decoration: none
}

.console-component-topbar a:focus {
    outline: none
}

.console-component-topbar .accessibility-ast {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px
}

.console-component-topbar .accessibility-ast:focus {
    position: absolute;
    top: 0;
    left: 310px
}

.console-component-topbar .icon-arrow-down {
    display: inline-block;
    width: 18px;
    text-align: center;
    vertical-align: middle;
    transition: transform 0.2s, vertical-align 0.2s;
    -o-transition: transform 0.2s, vertical-align 0.2s;
    -ms-transition: transform 0.2s, vertical-align 0.2s;
    -moz-transition: transform 0.2s, vertical-align 0.2s;
    -webkit-transition: transform 0.2s, vertical-align 0.2s
}

.console-component-topbar .dropdown .dropdown-menu {
    z-index: 1;
    font-size: 12px;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.console-component-topbar .dropdown .dropdown-menu a {
    padding: 0
}

.console-component-topbar .dropdown.open .icon-arrow-down {
    vertical-align: text-top;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.console-component-topbar .topbar-show {
    display: block !important
}

.console-component-topbar .topbar-info-dropdown {
    position: relative
}

.console-component-topbar .topbar-info-dropdown .topbar-btn {
    position: relative
}

.console-component-topbar .topbar-info-dropdown .topbar-info-dropdown-toggle {
    color: #fff
}

.console-component-topbar .topbar-info-dropdown:hover .topbar-info-dropdown-memu {
    visibility: visible;
    opacity: 1
}

.console-component-topbar .topbar-info-dropdown:hover .topbar-info-dropdown-toggle {
    background: #2a2f32
}

.console-component-topbar .topbar-info-dropdown:hover .topbar-info-dropdown-toggle:hover {
    background: #2a2f32
}

.console-component-topbar .topbar-info-dropdown:hover .icon-arrow-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.console-component-topbar .topbar-info-dropdown-memu {
    padding: 0;
    position: absolute;
    top: 100%;
    right: 0;
    visibility: hidden;
    float: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    z-index: 1;
    font-size: 12px;
    min-width: 100%;
    margin: 0;
    border: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
    transition: opacity 0.15s, visibility 0s 0.15s;
    opacity: 0
}

.console-component-topbar .topbar-info-dropdown-memu li a {
    display: block;
    padding: 0 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    min-width: 140px;
    -webkit-transition: all 0.15s;
    transition: all 0.15s
}

.console-component-topbar .topbar-info-dropdown-memu li a:hover,
.console-component-topbar .topbar-info-dropdown-memu li a:focus {
    background-color: #f5f5f5
}

.console-component-topbar .topbar-info-dropdown-memu-list {
    padding: 10px 0;
    margin: -2px
}

.console-component-topbar .topbar-info-dropdown-toggle {
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s
}

.console-component-topbar .topbar-wrap,
.console-component-topbar .topbar-logo,
.console-component-topbar .topbar-home,
.console-component-topbar .topbar-home-link,
.console-component-topbar .topbar-product,
.console-component-topbar .topbar-info {
    height: 100%
}

.console-component-topbar .topbar-wrap {
    display: none
}

.console-component-topbar .topbar-left {
    float: left
}

.console-component-topbar .topbar-right {
    float: right
}

.console-component-topbar .topbar-clearfix:before,
.console-component-topbar .topbar-clearfix:after {
    display: table;
    content: " "
}

.console-component-topbar .topbar-clearfix:after {
    clear: both
}

.console-component-topbar .topbar-align-right {
    right: 0;
    left: auto
}

.console-component-topbar .topbar-head {
    background: #2a2f32;
    height: 50px;
    position: relative;
    z-index: 3
}

.console-component-topbar .topbar-product {
    position: relative;
    z-index: 2;
    background: #373d41
}

.console-component-topbar .topbar-logo {
    display: block;
    width: 50px;
    font-size: 24px !important;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    margin-right: 1px
}

.console-component-topbar .topbar-logo span {
    line-height: 50px
}

.console-component-topbar .topbar-logo {
    background: #373d41
}

.console-component-topbar .topbar-home-link {
    margin-right: 1px;
    background: #373d41;
    width: 129px;
    text-align: center
}

.console-component-topbar .topbar-home,
.console-component-topbar .topbar-transition {
    -o-transition: all 0.2s, 0.05s;
    -moz-transition: all 0.2s, 0.05s;
    -webkit-transition: all 0.2s, 0.05s;
    transition: all 0.2s, 0.05s
}

.console-component-topbar .topbar-btn {
    color: #fff;
    font-size: 14px;
    line-height: 50px
}

.console-component-topbar .topbar-btn:hover,
.console-component-topbar .topbar-btn.topbar-btn-dark {
    background: #2a2f32
}

.console-component-topbar .topbar-product.open .topbar-product-btn {
    background: #fff;
    color: #333
}

.console-component-topbar .topbar-product.open .icon-arrow-down {
    vertical-align: text-top;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.console-component-topbar .topbar-product-btn {
    padding: 0 20px;
    display: inline-block;
    height: 50px;
    cursor: pointer
}

.console-component-topbar .topbar-product-dropdown {
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    border: none;
    margin: 0;
    z-index: -1 !important;
    display: none
}

.console-component-topbar .topbar-product-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.console-component-topbar .topbar-product-dropdown ul li>a {
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%
}

.console-component-topbar .topbar-product-container {
    position: absolute;
    min-height: 240px;
    left: 0;
    right: 0;
    background: #fff;
    -o-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s;
    transition: all 0.15s, 0.15s;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.console-component-topbar .topbar-product-container-simple .topbar-product-content {
    margin-left: 181px
}

.console-component-topbar .topbar-product-container-simple .topbar-product-all-item ul.topbar-product-all-list li a {
    width: 140px
}

.console-component-topbar .topbar-product-nav {
    height: 100%;
    border-right: 1px solid #f1f1f1;
    padding: 16px 0 16px 16px;
    width: 180px
}

.console-component-topbar .topbar-product-nav ul.topbar-product-nav-list li {
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    width: 164px;
    -o-transition: all 0.1s, 0s;
    -moz-transition: all 0.1s 0s;
    -webkit-transition: all 0.1s 0s;
    transition: all 0.1s 0s
}

.console-component-topbar .topbar-product-nav ul.topbar-product-nav-list li.active {
    color: #fff;
    background: #00c1de
}

.console-component-topbar .topbar-product-nav ul.topbar-product-nav-list li>span {
    cursor: default
}

.console-component-topbar .topbar-product-content {
    margin-left: 361px;
    background: #fff;
    position: relative;
    z-index: 2
}

.console-component-topbar .topbar-product-content>.topbar-product-category {
    display: none
}

.console-component-topbar .topbar-product-close {
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 50px;
    height: 20px;
    margin-left: -25px;
    text-align: center;
    line-height: 20px;
    background: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #666;
    -o-transition: all 0.15s, 0.15s;
    -moz-transition: all 0.15s, 0.15s;
    -webkit-transition: all 0.15s, 0.15s;
    transition: all 0.15s, 0.15s
}

.console-component-topbar .topbar-product-close:hover {
    color: #333
}

.console-component-topbar .topbar-product-all {
    overflow: hidden
}

.console-component-topbar .topbar-product-title {
    font-size: 14px;
    margin: 8px 8px 16px 10px
}

.console-component-topbar .topbar-product-all-item {
    margin-left: -4px
}

.console-component-topbar .topbar-product-all-item ul.topbar-product-all-list li {
    height: 28px;
    line-height: 28px
}

.console-component-topbar .topbar-product-all-item ul.topbar-product-all-list li a {
    width: 136px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f7f8fa;
    padding: 0 8px;
    margin-right: 10px
}

.console-component-topbar .topbar-product-all-item ul.topbar-product-all-list li a:hover {
    background: #00C1DE;
    color: #fff
}

.console-component-topbar .topbar-product-all-item .topbar-product-all-char {
    font-weight: 500;
    margin-left: 10px
}

.console-component-topbar .topbar-product-history {
    width: 180px;
    height: 100%;
    padding: 16px;
    border-right: 1px solid #f1f1f1
}

.console-component-topbar .topbar-product-history .topbar-title {
    font-size: 18px
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list li {
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    background: #fff;
    -o-transition: all 0.15s, 0s;
    -moz-transition: all 0.15s, 0s;
    -webkit-transition: all 0.15s, 0s;
    transition: all 0.15s, 0s
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list li:hover {
    background: #00c1de
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list li:hover a {
    color: #fff
}

.console-component-topbar .topbar-product-history ul.topbar-product-history-list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.console-component-topbar .topbar-product-category {
    padding: 16px;
    overflow: hidden
}

.console-component-topbar .topbar-product-category .topbar-product-category-col {
    width: 33%
}

.console-component-topbar .topbar-product-category ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.console-component-topbar .topbar-product-category .product-item {
    padding: 12px 16px;
    -o-transition: all 0.1s, 0s;
    -moz-transition: all 0.1s, 0s;
    -webkit-transition: all 0.1s, 0s;
    transition: all 0.1s, 0s
}

.console-component-topbar .topbar-product-category .product-item:hover {
    background: #00c1de;
    color: #fff
}

.console-component-topbar .topbar-product-category .product-item:hover .product-description {
    color: #fff
}

.console-component-topbar .topbar-product-category .product-name {
    padding-bottom: 2px;
    font-size: 13px
}

.console-component-topbar .topbar-product-category .product-description {
    color: #999;
    line-height: 16px
}

.console-component-topbar .topbar-product-search {
    padding: 0 !important;
    position: relative
}

.console-component-topbar .topbar-product-search input {
    display: block;
    height: 32px;
    padding: 4px 38px 4px 18px;
    width: 180px;
    border-width: 0;
    outline: 0;
    line-height: 32px;
    color: #666;
    font-size: 12px;
    background: #f0f0f0
}

.console-component-topbar .topbar-product-search .search-mark {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 32px;
    display: block;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #666
}

.console-component-topbar .topbar-regionbar {
    display: inline-block;
    margin-top: 10px;
    margin-left: 2px
}

.console-component-topbar .topbar-regionbar .region-icon {
    margin-right: 8px;
    vertical-align: text-top;
    font-size: 14px
}

.console-component-topbar .topbar-regionbar .region-dropdown-toggle {
    background: #303639;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    -webkit-user-select: none
}

.console-component-topbar .topbar-regionbar .region-dropdown .region-dropdown-menu {
    width: 100%;
    min-width: 120px;
    border: none
}

.console-component-topbar .topbar-info {
    background: #2a2f32;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0
}

.console-component-topbar .topbar-info .topbar-btn {
    padding: 0 18px;
    height: 50px;
    display: block;
    z-index: 2;
    background: #373d41;
    border-right: 1px solid #2a2f32
}

.console-component-topbar .topbar-info .topbar-btn:hover,
.console-component-topbar .topbar-info .topbar-btn.topbar-btn-dark {
    background: #373d41
}

.console-component-topbar .topbar-info .topbar-btn.open {
    position: relative
}

.console-component-topbar .topbar-info .topbar-btn-search {
    padding: 0;
    margin-left: 1px
}

.console-component-topbar .topbar-info .topbar-info-gap {
    color: #fff
}

.console-component-topbar .topbar-info .dropdown .dropdown-menu {
    width: 100%;
    min-width: 0;
    margin: 0;
    border: none
}

.console-component-topbar .topbar-info .dropdown.open .topbar-btn {
    color: #333;
    background: #fff;
    border-bottom: 1px solid #eaedf1;
    position: relative
}

.console-component-topbar .topbar-info .topbar-info-btn a {
    height: 40px;
    line-height: 39px;
    padding: 0 18px
}

.console-component-topbar .topbar-info .topbar-info-btn-gap {
    margin: 10px 0;
    height: 1px;
    display: block;
    width: 100%;
    background: #eaeaea
}

.console-component-topbar .topbar-info .topbar-info-btn-identity {
    height: auto;
    margin: 0 20px
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity {
    padding-top: 6px;
    border: none;
    position: relative
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity .user-identity-item {
    height: 28px;
    line-height: 28px;
    display: block
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity .user-identity-colon {
    padding: 0 5px
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity-sign {
    padding: 2px 6px;
    background: #29c3de;
    color: #fff;
    border-radius: 2px
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-identity-sign-wrap {
    display: inline-block;
    line-height: 16px;
    margin-left: 10px
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-btn-link {
    display: inline-block;
    color: #06C;
    line-height: 32px;
    margin-right: 8px
}

.console-component-topbar .topbar-info .topbar-info-btn-identity .user-btn-link:hover {
    background: none;
    text-decoration: underline
}

.console-component-topbar .topbar-info-item {
    display: inline-block
}

.console-component-topbar .topbar-notice {
    position: relative;
    font-size: 12px
}

.console-component-topbar .topbar-notice .topbar-btn {
    padding: 0 16px
}

.console-component-topbar .topbar-notice .topbar-notice-panel {
    position: absolute;
    top: 50px;
    left: -150px;
    margin-left: 50%;
    width: 300px;
    border-radius: 2px;
    z-index: 15;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175)
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #eaedf1;
    position: absolute;
    top: -6px;
    left: 150px
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-head {
    height: 50px;
    background-color: #eaedf1;
    padding: 0 15px;
    line-height: 50px;
    color: #333;
    font-size: 14px
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body {
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    font-size: 12px
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li {
    height: 60px;
    line-height: 20px;
    border-bottom: 1px solid #eaedf1
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a {
    display: block;
    height: 100%;
    padding: 10px 10px;
    background: #fff;
    color: #333
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a .topbar-notice-link {
    display: block;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #00C1DE
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a .topbar-notice-time {
    color: #4a4a4a
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a:hover {
    background: #f9f9f9
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a {
    color: #666
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a .topbar-notice-time {
    color: #999
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body .topbar-notice-empty {
    text-align: center;
    color: #666;
    margin-top: 80px
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-foot {
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-foot .topbar-notice-more {
    color: #00C1DE
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class {
    padding: 8px 0;
    float: right;
    display: none
}

.console-component-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class .topbar-notice-class-name {
    display: block;
    height: 24px;
    line-height: 24px;
    width: 66px;
    background: #eaedf1;
    text-align: center;
    border-radius: 3px
}

.console-component-topbar .topbar-btn-notice {
    width: auto;
    display: block;
    height: 50px
}

.console-component-topbar .topbar-btn-notice .topbar-btn-notice-icon {
    font-size: 24px;
    line-height: 50px;
    vertical-align: text-bottom
}

.console-component-topbar .topbar-btn-notice .topbar-btn-notice-num {
    font-size: 12px;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
    padding: 2px 5px;
    display: inline-block;
    margin-top: 15px;
    line-height: 16px;
    vertical-align: top;
    text-align: center
}

.console-component-topbar .topbar-btn-notice .topbar-product-item-short {
    padding-left: 2px
}

.console-component-topbar .topbar-qrcode {
    position: relative;
    margin-left: 1px
}

.console-component-topbar .topbar-qrcode:hover .topbar-qrcode-panel {
    display: block
}

.console-component-topbar .topbar-qrcode .topbar-qrcode-panel {
    top: 50px;
    left: 0;
    position: absolute;
    width: 130px;
    padding: 12px 8px;
    background: #fff;
    border: 1px solid #eaedf1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: none
}

.console-component-topbar .topbar-qrcode .topbar-qrcode-image {
    width: 100px;
    margin: 0 auto
}

.console-component-topbar .topbar-qrcode .topbar-qrcode-title {
    text-align: center;
    padding-top: 10px
}

.console-component-topbar .topbar-new-icon {
    position: relative;
    top: -4px;
    padding-left: 2px
}

.console-component-topbar .topbar-nav-buoy-wrap {
    position: relative
}

.console-component-topbar .topbar-nav-buoy-wrap ul {
    position: relative;
    z-index: 2
}

.console-component-topbar .topbar-nav-buoy-wrap .topbar-nav-buoy {
    width: 100%;
    height: 32px;
    position: absolute;
    z-index: 1;
    background: #00c1de;
    left: 0;
    top: 0;
    -o-transition: all 0.1s, 0.1s;
    -moz-transition: all 0.1s, 0.1s;
    -webkit-transition: all 0.1s, 0.1s;
    transition: all 0.1s, 0.1s
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .topbar-user-entrance-list {
    overflow: hidden;
    width: 270px;
    margin: 8px 0;
    padding: 8px 15px
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .topbar-user-entrance {
    width: 80px;
    height: 80px;
    float: left;
    text-align: center;
    color: #333;
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
    border-radius: 2px
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .topbar-user-entrance:hover {
    background: #f5f5f5
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .topbar-user-entrance-logo {
    font-size: 20px;
    margin: 8px auto 4px;
    width: 40px;
    height: 40px;
    display: block;
    vertical-align: middle;
    line-height: 40px;
    color: #788D9B
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .user-btn-list .user-btn-link {
    height: 50px;
    line-height: 50px;
    display: block;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    text-align: center;
    color: #333;
    border-top: 1px solid #f5f5f5
}

.console-component-topbar .topbar-user .topbar-info-dropdown-memu .user-btn-list .user-btn-link:hover {
    background: #f5f5f5
}

.console-component-topbar .topbar-search {
    position: relative
}

.console-component-topbar .topbar-search .icon-search {
    font-size: 16px;
    padding-right: 4px;
    position: relative;
    top: 2px
}

.console-component-topbar .topbar-search .topbar-search-dropdown {
    height: 38px;
    position: absolute;
    bottom: -38px;
    right: -1px;
    left: auto;
    border: 2px solid #2a2f32;
    background: #fff
}

.console-component-topbar .topbar-search .topbar-search-dropdown input {
    display: block;
    height: 34px;
    padding: 4px 6px;
    margin-right: 30px;
    width: 250px;
    border-width: 0;
    outline: 0;
    line-height: 34px;
    color: #546478;
    font-size: 12px
}

.console-component-topbar .topbar-search .topbar-search-dropdown .topbar-search-mark {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    color: #546478
}

.console-component-topbar .topbar-search:hover .topbar-btn,
.console-component-topbar .topbar-notice:hover .topbar-btn {
    background: #2a2f32
}

.console-component-topbar .topbar-support-customhelp:hover .topbar-customhelp .topbar-help-inner {
    right: 0
}

.console-component-topbar .topbar-customhelp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}

.console-component-topbar .topbar-customhelp .topbar-help-inner {
    width: 486px;
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #e1e6eb;
    position: absolute;
    right: -486px;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    -o-transition: all 0.2s ease, 0.2s ease;
    -ms-transition: all 0.2s ease, 0.2s ease;
    -moz-transition: all 0.2s ease, 0.2s ease;
    -webkit-transition: all 0.2s ease, 0.2s ease;
    z-index: 1;
    top: 50px;
    bottom: 0
}

.console-component-topbar .topbar-customhelp .topbar-help-inner:hover {
    right: 0
}

.console-component-topbar .topbar-customhelp .topbar-help-head {
    height: 68px;
    padding-left: 20px;
    line-height: 68px;
    border-bottom: 1px solid #e1e6eb;
    position: relative;
    color: #333
}

.console-component-topbar .topbar-customhelp .topbar-help-body {
    position: absolute;
    top: 68px;
    bottom: 0;
    background: #fff
}

.console-component-topbar .topbar-customhelp .topbar-help-iframe {
    height: 100%
}

.console-component-topbar .topbar-customhelp .topbar-help-close {
    font-size: 18px;
    float: right;
    height: 68px;
    width: 68px;
    line-height: 68px !important;
    text-align: center;
    color: #546478;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.console-component-topbar .topbar-customhelp .topbar-help-close:hover {
    color: #000
}

.console-component-topbar .messages-empty {
    text-align: center;
    padding: 15px 0
}

.console-component-topbar .messages-empty .topbar-notice-more {
    color: #00C1DE
}

.console-component-topbar {
    z-index: 102;
    box-sizing: border-box;
    position: fixed;
    margin-top: -80px;
    width: 100%;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei"
}

@font-face {
    .console-component-topbar {
        font-family: 'aliyun-console-font';
        src: url("fonts/aliyun-console-font.eot?jc8u43");
        src: url("fonts/aliyun-console-font.eot?jc8u43#iefix") format("embedded-opentype"), url("fonts/aliyun-console-font.ttf?jc8u43") format("truetype"), url("fonts/aliyun-console-font.woff?jc8u43") format("woff"), url("fonts/aliyun-console-font.svg?jc8u43#aliyun-console-font") format("svg");
        font-weight: normal;
        font-style: normal
    }
}

/*.console-component-topbar [class^="icon-"],*/
/*.console-component-topbar [class*=" icon-"] {*/
    /*font-family: 'aliyun-console-font' !important;*/
    /*speak: none;*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*font-variant: normal;*/
    /*text-transform: none;*/
    /*line-height: 1;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale*/
/*}*/

.console-component-topbar .icon-logo2:before {
    content: "\e63b"
}

.console-component-topbar .icon-logo1:before {
    content: "\e63a"
}

.console-component-topbar .icon-logo-new:before {
    content: "\e97f"
}

.console-component-topbar .icon-dbaudit:before {
    content: "\e9dc"
}

.console-component-topbar .icon-bastion:before {
    content: "\e9dd"
}

.console-component-topbar .icon-buy-xin:before {
    content: "\e9db"
}

.console-component-topbar .icon-epr:before {
    content: "\e9da"
}

.console-component-topbar .icon-buy-storage-2:before {
    content: "\e9d4"
}

.console-component-topbar .icon-buy-bandwidth-2:before {
    content: "\e9d5"
}

.console-component-topbar .icon-buy-giving:before {
    content: "\e9d6"
}

.console-component-topbar .icon-buy-jiang:before {
    content: "\e9d7"
}

.console-component-topbar .icon-buy-network-2:before {
    content: "\e9d8"
}

.console-component-topbar .icon-buy-soldout:before {
    content: "\e9d9"
}

.console-component-topbar .icon-nls:before {
    content: "\e9d3"
}

.console-component-topbar .icon-topbar-accesskeys:before {
    content: "\e9cd"
}

.console-component-topbar .icon-topbar-certify:before {
    content: "\e9ce"
}

.console-component-topbar .icon-topbar-ram:before {
    content: "\e9cf"
}

.console-component-topbar .icon-topbar-secure-control:before {
    content: "\e9d0"
}

.console-component-topbar .icon-topbar-secure-setting:before {
    content: "\e9d1"
}

.console-component-topbar .icon-topbar-user-info:before {
    content: "\e9d2"
}

.console-component-topbar .icon-three-point:before {
    content: "\e9cb"
}

.console-component-topbar .icon-sc:before {
    content: "\e9cc"
}

.console-component-topbar .icon-buy-down:before {
    content: "\e9b2"
}

.console-component-topbar .icon-buy-te:before {
    content: "\e9b3"
}

.console-component-topbar .icon-buy-qing:before {
    content: "\e9b5"
}

.console-component-topbar .icon-buy-hui:before {
    content: "\e9b4"
}

.console-component-topbar .icon-os-redhat:before {
    content: "\e9b6"
}

.console-component-topbar .icon-os-centos:before {
    content: "\e9b7"
}

.console-component-topbar .icon-os-windows-server:before {
    content: "\e9b8"
}

.console-component-topbar .icon-os-opensuse:before {
    content: "\e9b9"
}

.console-component-topbar .icon-os-suse-linux:before {
    content: "\e9ba"
}

.console-component-topbar .icon-os-ubuntu:before {
    content: "\e9bb"
}

.console-component-topbar .icon-os-freebsd:before {
    content: "\e9bc"
}

.console-component-topbar .icon-os-debian:before {
    content: "\e9bd"
}

.console-component-topbar .icon-os-gentoo:before {
    content: "\e9be"
}

.console-component-topbar .icon-os-coreos:before {
    content: "\e9bf"
}

.console-component-topbar .icon-os-aliyun-linux:before {
    content: "\e9c0"
}

.console-component-topbar .icon-buy-device:before {
    content: "\e9c1"
}

.console-component-topbar .icon-buy-star:before {
    content: "\e9c2"
}

.console-component-topbar .icon-buy-network:before {
    content: "\e9c3"
}

.console-component-topbar .icon-buy-region:before {
    content: "\e9c4"
}

.console-component-topbar .icon-buy-image:before {
    content: "\e9c5"
}

.console-component-topbar .icon-buy-instance:before {
    content: "\e9c6"
}

.console-component-topbar .icon-buy-storage:before {
    content: "\e9c7"
}

.console-component-topbar .icon-buy-amount:before {
    content: "\e9c8"
}

.console-component-topbar .icon-buy-security:before {
    content: "\e9c9"
}

.console-component-topbar .icon-buy-chargeType:before {
    content: "\e9ca"
}

.console-component-topbar .icon-rule-marketing:before {
    content: "\e998"
}

.console-component-topbar .icon-et:before {
    content: "\e99a"
}

.console-component-topbar .icon-batchcomputenew:before {
    content: "\e99b"
}

.console-component-topbar .icon-data-market:before {
    content: "\e99c"
}

.console-component-topbar .icon-datav-county:before {
    content: "\e99d"
}

.console-component-topbar .icon-dide:before {
    content: "\e99e"
}

.console-component-topbar .icon-eia:before {
    content: "\e99f"
}

.console-component-topbar .icon-face:before {
    content: "\e9a0"
}

.console-component-topbar .icon-galaxy:before {
    content: "\e9a1"
}

.console-component-topbar .icon-gia:before {
    content: "\e9a2"
}

.console-component-topbar .icon-man-marketing:before {
    content: "\e9a3"
}

.console-component-topbar .icon-man:before {
    content: "\e9a4"
}

.console-component-topbar .icon-ocr:before {
    content: "\e9a5"
}

.console-component-topbar .icon-odpsplus:before {
    content: "\e9a6"
}

.console-component-topbar .icon-pai:before {
    content: "\e9a7"
}

.console-component-topbar .icon-prophet:before {
    content: "\e9a8"
}

.console-component-topbar .icon-quickbi:before {
    content: "\e9a9"
}

.console-component-topbar .icon-rule-alert:before {
    content: "\e9aa"
}

.console-component-topbar .icon-rule:before {
    content: "\e9ab"
}

.console-component-topbar .icon-speech:before {
    content: "\e9ac"
}

.console-component-topbar .icon-tag:before {
    content: "\e9ad"
}

.console-component-topbar .icon-translation:before {
    content: "\e9ae"
}

.console-component-topbar .icon-typhoon:before {
    content: "\e9af"
}

.console-component-topbar .icon-yun-dplus-datav:before {
    content: "\e9b0"
}

.console-component-topbar .icon-yun-dplus-re:before {
    content: "\e9b1"
}

.console-component-topbar .icon-logo-c:before {
    content: "\e980"
}

.console-component-topbar .icon-logo-c2:before {
    content: "\e981"
}

.console-component-topbar .icon-logo-c3:before {
    content: "\e982"
}

.console-component-topbar .icon-logo-e:before {
    content: "\e98c"
}

.console-component-topbar .icon-logo-e2:before {
    content: "\e98d"
}

.console-component-topbar .icon-logo-n:before {
    content: "\e98e"
}

.console-component-topbar .icon-logo1-1:before {
    content: "\e98f"
}

.console-component-topbar .icon-logo1-2:before {
    content: "\e990"
}

.console-component-topbar .icon-logo2-1:before {
    content: "\e991"
}

.console-component-topbar .icon-logo2-2:before {
    content: "\e992"
}

.console-component-topbar .icon-logo3-1:before {
    content: "\e993"
}

.console-component-topbar .icon-logo3-2:before {
    content: "\e994"
}

.console-component-topbar .icon-logo4-1:before {
    content: "\e995"
}

.console-component-topbar .icon-logo4-2:before {
    content: "\e996"
}

.console-component-topbar .icon-logo5:before {
    content: "\e997"
}

.console-component-topbar .icon-dotted-circle:before {
    content: "\e999"
}

.console-component-topbar .icon-dms-2:before {
    content: "\e92d"
}

.console-component-topbar .icon-dms-3:before {
    content: "\e92e"
}

.console-component-topbar .icon-dms:before {
    content: "\e92f"
}

.console-component-topbar .icon-gpdb-2:before {
    content: "\e983"
}

.console-component-topbar .icon-gpdb-3:before {
    content: "\e984"
}

.console-component-topbar .icon-gpdb:before {
    content: "\e985"
}

.console-component-topbar .icon-schedulerx-2:before {
    content: "\e986"
}

.console-component-topbar .icon-schedulerx-3:before {
    content: "\e987"
}

.console-component-topbar .icon-schedulerx:before {
    content: "\e988"
}

.console-component-topbar .icon-txc-2:before {
    content: "\e989"
}

.console-component-topbar .icon-txc-3:before {
    content: "\e98a"
}

.console-component-topbar .icon-txc:before {
    content: "\e98b"
}

.console-component-topbar .icon-csb-2:before {
    content: "\e909"
}

.console-component-topbar .icon-csb-3:before {
    content: "\e90a"
}

.console-component-topbar .icon-csb:before {
    content: "\e90b"
}

.console-component-topbar .icon-mobsec-2:before {
    content: "\e96d"
}

.console-component-topbar .icon-mobsec-3:before {
    content: "\e96e"
}

.console-component-topbar .icon-mobsec:before {
    content: "\e96f"
}

.console-component-topbar .icon-mss-2:before {
    content: "\e970"
}

.console-component-topbar .icon-mss-3:before {
    content: "\e971"
}

.console-component-topbar .icon-mss:before {
    content: "\e972"
}

.console-component-topbar .icon-sos-2:before {
    content: "\e973"
}

.console-component-topbar .icon-sos-3:before {
    content: "\e974"
}

.console-component-topbar .icon-sos:before {
    content: "\e975"
}

.console-component-topbar .icon-sppc-2:before {
    content: "\e976"
}

.console-component-topbar .icon-sppc-3:before {
    content: "\e977"
}

.console-component-topbar .icon-sppc:before {
    content: "\e978"
}

.console-component-topbar .icon-webfirewall-2:before {
    content: "\e979"
}

.console-component-topbar .icon-webfirewall-3:before {
    content: "\e97a"
}

.console-component-topbar .icon-webfirewall:before {
    content: "\e97b"
}

.console-component-topbar .icon-xianzhi-2:before {
    content: "\e97c"
}

.console-component-topbar .icon-xianzhi-3:before {
    content: "\e97d"
}

.console-component-topbar .icon-xianzhi:before {
    content: "\e97e"
}

.console-component-topbar .icon-livevideo-2:before {
    content: "\e964"
}

.console-component-topbar .icon-livevideo-3:before {
    content: "\e965"
}

.console-component-topbar .icon-livevideo:before {
    content: "\e966"
}

.console-component-topbar .icon-slm-2:before {
    content: "\e967"
}

.console-component-topbar .icon-slm-3:before {
    content: "\e968"
}

.console-component-topbar .icon-slm:before {
    content: "\e969"
}

.console-component-topbar .icon-vod-2:before {
    content: "\e96a"
}

.console-component-topbar .icon-vod-3:before {
    content: "\e96b"
}

.console-component-topbar .icon-vod:before {
    content: "\e96c"
}

.console-component-topbar .icon-kms-2:before {
    content: "\e95e"
}

.console-component-topbar .icon-kms-3:before {
    content: "\e95f"
}

.console-component-topbar .icon-kms:before {
    content: "\e960"
}

.console-component-topbar .icon-nas-2:before {
    content: "\e961"
}

.console-component-topbar .icon-nas-3:before {
    content: "\e962"
}

.console-component-topbar .icon-nas:before {
    content: "\e963"
}

.console-component-topbar .icon-apigateway-2:before {
    content: "\e94f"
}

.console-component-topbar .icon-apigateway-3:before {
    content: "\e950"
}

.console-component-topbar .icon-apigateway:before {
    content: "\e951"
}

.console-component-topbar .icon-oceanbase-2:before {
    content: "\e952"
}

.console-component-topbar .icon-oceanbase-3:before {
    content: "\e953"
}

.console-component-topbar .icon-oceanbase:before {
    content: "\e954"
}

.console-component-topbar .icon-petadata-2:before {
    content: "\e955"
}

.console-component-topbar .icon-petadata-3:before {
    content: "\e956"
}

.console-component-topbar .icon-petadata:before {
    content: "\e957"
}

.console-component-topbar .icon-ecsm-2:before {
    content: "\e958"
}

.console-component-topbar .icon-ecsm-3:before {
    content: "\e959"
}

.console-component-topbar .icon-ecsm:before {
    content: "\e95a"
}

.console-component-topbar .icon-yundunzhengshu-2:before {
    content: "\e95b"
}

.console-component-topbar .icon-yundunzhengshu-3:before {
    content: "\e95c"
}

.console-component-topbar .icon-yundunzhengshu:before {
    content: "\e95d"
}

.console-component-topbar .icon-cdi-2:before {
    content: "\e93a"
}

.console-component-topbar .icon-cdi-3:before {
    content: "\e93b"
}

.console-component-topbar .icon-cdi:before {
    content: "\e93c"
}

.console-component-topbar .icon-disk-2:before {
    content: "\e93d"
}

.console-component-topbar .icon-disk-3:before {
    content: "\e93e"
}

.console-component-topbar .icon-disk:before {
    content: "\e93f"
}

.console-component-topbar .icon-dsi-2:before {
    content: "\e940"
}

.console-component-topbar .icon-dsi-3:before {
    content: "\e941"
}

.console-component-topbar .icon-dsi:before {
    content: "\e942"
}

.console-component-topbar .icon-hpc-2:before {
    content: "\e943"
}

.console-component-topbar .icon-hpc-3:before {
    content: "\e944"
}

.console-component-topbar .icon-hpc:before {
    content: "\e945"
}

.console-component-topbar .icon-httpdns-2:before {
    content: "\e946"
}

.console-component-topbar .icon-httpdns-3:before {
    content: "\e947"
}

.console-component-topbar .icon-httpdns:before {
    content: "\e948"
}

.console-component-topbar .icon-iot-2:before {
    content: "\e949"
}

.console-component-topbar .icon-iot-3:before {
    content: "\e94a"
}

.console-component-topbar .icon-iot2:before {
    content: "\e94b"
}

.console-component-topbar .icon-vipaegis-2:before {
    content: "\e94c"
}

.console-component-topbar .icon-vipaegis-3:before {
    content: "\e94d"
}

.console-component-topbar .icon-vipaegis:before {
    content: "\e94e"
}

.console-component-topbar .icon-cs-2:before {
    content: "\e92a"
}

.console-component-topbar .icon-cs-3:before {
    content: "\e92b"
}

.console-component-topbar .icon-cs:before {
    content: "\e92c"
}

.console-component-topbar .icon-ewh-2:before {
    content: "\e930"
}

.console-component-topbar .icon-ewh-3:before {
    content: "\e931"
}

.console-component-topbar .icon-ewh:before {
    content: "\e932"
}

.console-component-topbar .icon-expressconnect-2:before {
    content: "\e933"
}

.console-component-topbar .icon-expressconnect-3:before {
    content: "\e934"
}

.console-component-topbar .icon-expressconnect:before {
    content: "\e935"
}

.console-component-topbar .icon-hsm-2:before {
    content: "\e936"
}

.console-component-topbar .icon-hsm-3:before {
    content: "\e937"
}

.console-component-topbar .icon-hsm:before {
    content: "\e938"
}

.console-component-topbar .icon-kuaizhaolian:before {
    content: "\e939"
}

.console-component-topbar .icon-mongodb-2:before {
    content: "\e927"
}

.console-component-topbar .icon-mongodb-3:before {
    content: "\e928"
}

.console-component-topbar .icon-mongodb:before {
    content: "\e929"
}

.console-component-topbar .icon-actiontrail-2:before {
    content: "\e90f"
}

.console-component-topbar .icon-actiontrail-3:before {
    content: "\e910"
}

.console-component-topbar .icon-actiontrail:before {
    content: "\e911"
}

.console-component-topbar .icon-ats-2:before {
    content: "\e912"
}

.console-component-topbar .icon-ats-3:before {
    content: "\e913"
}

.console-component-topbar .icon-ats:before {
    content: "\e914"
}

.console-component-topbar .icon-cli-2:before {
    content: "\e915"
}

.console-component-topbar .icon-cli-3:before {
    content: "\e916"
}

.console-component-topbar .icon-cli:before {
    content: "\e917"
}

.console-component-topbar .icon-directmail-2:before {
    content: "\e918"
}

.console-component-topbar .icon-directmail-3:before {
    content: "\e919"
}

.console-component-topbar .icon-directmail:before {
    content: "\e91a"
}

.console-component-topbar .icon-eclipse-2:before {
    content: "\e91b"
}

.console-component-topbar .icon-eclipse-3:before {
    content: "\e91c"
}

.console-component-topbar .icon-eclipse:before {
    content: "\e91d"
}

.console-component-topbar .icon-havip-2:before {
    content: "\e91e"
}

.console-component-topbar .icon-havip-3:before {
    content: "\e91f"
}

.console-component-topbar .icon-havip:before {
    content: "\e920"
}

.console-component-topbar .icon-ros-2:before {
    content: "\e921"
}

.console-component-topbar .icon-ros-3:before {
    content: "\e922"
}

.console-component-topbar .icon-ros:before {
    content: "\e923"
}

.console-component-topbar .icon-visualstudio-2:before {
    content: "\e924"
}

.console-component-topbar .icon-visualstudio-3:before {
    content: "\e925"
}

.console-component-topbar .icon-visualstudio:before {
    content: "\e926"
}

.console-component-topbar .icon-emr-2:before {
    content: "\e90c"
}

.console-component-topbar .icon-emr-3:before {
    content: "\e90d"
}

.console-component-topbar .icon-emr:before {
    content: "\e90e"
}

.console-component-topbar .icon-antifraud-3:before {
    content: "\e903"
}

.console-component-topbar .icon-antifraud:before {
    content: "\e904"
}

.console-component-topbar .icon-antifraud-2:before {
    content: "\e905"
}

.console-component-topbar .icon-ddosbasic:before {
    content: "\e906"
}

.console-component-topbar .icon-ddosbasic-3:before {
    content: "\e907"
}

.console-component-topbar .icon-ddosbasic-2:before {
    content: "\e908"
}

.console-component-topbar .icon-aegis:before {
    content: "\e900"
}

.console-component-topbar .icon-aegis-3:before {
    content: "\e901"
}

.console-component-topbar .icon-aegis-2:before {
    content: "\e902"
}

.console-component-topbar .icon-amr-2:before {
    content: "\e71c"
}

.console-component-topbar .icon-amr-3:before {
    content: "\e71d"
}

.console-component-topbar .icon-amr:before {
    content: "\e71e"
}

.console-component-topbar .icon-eip-2:before {
    content: "\e71f"
}

.console-component-topbar .icon-eip-3:before {
    content: "\e720"
}

.console-component-topbar .icon-eip:before {
    content: "\e721"
}

.console-component-topbar .icon-expense-i18n:before {
    content: "\e71b"
}

.console-component-topbar .icon-aps-2:before {
    content: "\e715"
}

.console-component-topbar .icon-aps-3:before {
    content: "\e716"
}

.console-component-topbar .icon-aps:before {
    content: "\e717"
}

.console-component-topbar .icon-batchcompute-2:before {
    content: "\e718"
}

.console-component-topbar .icon-batchcompute-3:before {
    content: "\e719"
}

.console-component-topbar .icon-batchcompute:before {
    content: "\e71a"
}

.console-component-topbar .icon-sas-2:before {
    content: "\e70c"
}

.console-component-topbar .icon-sas-3:before {
    content: "\e70d"
}

.console-component-topbar .icon-sas:before {
    content: "\e70e"
}

.console-component-topbar .icon-scan-2:before {
    content: "\e70f"
}

.console-component-topbar .icon-scan-3:before {
    content: "\e710"
}

.console-component-topbar .icon-scan:before {
    content: "\e711"
}

.console-component-topbar .icon-waf-2:before {
    content: "\e712"
}

.console-component-topbar .icon-waf-3:before {
    content: "\e713"
}

.console-component-topbar .icon-waf:before {
    content: "\e714"
}

.console-component-topbar .icon-mns-2:before {
    content: "\e709"
}

.console-component-topbar .icon-mns-3:before {
    content: "\e70a"
}

.console-component-topbar .icon-mns:before {
    content: "\e70b"
}

.console-component-topbar .icon-qrcode:before {
    content: "\e708"
}

.console-component-topbar .icon-unfold:before {
    content: "\e707"
}

.console-component-topbar .icon-fold:before {
    content: "\e706"
}

.console-component-topbar .icon-form:before {
    content: "\e6fd"
}

.console-component-topbar .icon-accelerate:before {
    content: "\e6fe"
}

.console-component-topbar .icon-feedback:before {
    content: "\e702"
}

.console-component-topbar .icon-vdc-2:before {
    content: "\e703"
}

.console-component-topbar .icon-vdc-3:before {
    content: "\e704"
}

.console-component-topbar .icon-vdc:before {
    content: "\e705"
}

.console-component-topbar .icon-new:before {
    content: "\e6fc"
}

.console-component-topbar .icon-collapse-right:before {
    content: "\e6fb"
}

.console-component-topbar .icon-collapse-left:before {
    content: "\e6fa"
}

.console-component-topbar .icon-aec:before {
    content: "\e6f3"
}

.console-component-topbar .icon-aic:before {
    content: "\e6f4"
}

.console-component-topbar .icon-mobile-2:before {
    content: "\e6f5"
}

.console-component-topbar .icon-amc:before {
    content: "\e6f6"
}

.console-component-topbar .icon-arc:before {
    content: "\e6f7"
}

.console-component-topbar .icon-game:before {
    content: "\e6f8"
}

.console-component-topbar .icon-iot:before {
    content: "\e6f9"
}

.console-component-topbar .icon-right:before {
    content: "\e6f2"
}

.console-component-topbar .icon-afc:before {
    content: "\e6f0"
}

.console-component-topbar .icon-specs:before {
    content: "\e6f1"
}

.console-component-topbar .icon-pen-2:before {
    content: "\e6c8"
}

.console-component-topbar .icon-key:before {
    content: "\e635"
}

.console-component-topbar .icon-bsn:before {
    content: "\e6ea"
}

.console-component-topbar .icon-mac-2:before {
    content: "\e6eb"
}

.console-component-topbar .icon-mac-3:before {
    content: "\e6ec"
}

.console-component-topbar .icon-mac:before {
    content: "\e6ed"
}

.console-component-topbar .icon-fenxiao:before {
    content: "\e6ee"
}

.console-component-topbar .icon-account-2:before {
    content: "\e6ef"
}

.console-component-topbar .icon-qiyeyouxiang-2:before {
    content: "\e6be"
}

.console-component-topbar .icon-qiyeyouxiang-3:before {
    content: "\e6bf"
}

.console-component-topbar .icon-qiyeyouxiang:before {
    content: "\e6c0"
}

.console-component-topbar .icon-yuming-2:before {
    content: "\e6d3"
}

.console-component-topbar .icon-yuming-3:before {
    content: "\e6df"
}

.console-component-topbar .icon-yuming:before {
    content: "\e6e0"
}

.console-component-topbar .icon-yumingyuwangzhan-2:before {
    content: "\e6e1"
}

.console-component-topbar .icon-yumingyuwangzhan-3:before {
    content: "\e6e2"
}

.console-component-topbar .icon-yumingyuwangzhan:before {
    content: "\e6e3"
}

.console-component-topbar .icon-yunjiexi-2:before {
    content: "\e6e4"
}

.console-component-topbar .icon-yunjiexi-3:before {
    content: "\e6e5"
}

.console-component-topbar .icon-yunjiexi:before {
    content: "\e6e6"
}

.console-component-topbar .icon-yunxunizhuji-2:before {
    content: "\e6e7"
}

.console-component-topbar .icon-yunxunizhuji-3:before {
    content: "\e6e8"
}

.console-component-topbar .icon-yunxunizhuji:before {
    content: "\e6e9"
}

.console-component-topbar .icon-api-3:before {
    content: "\e6d2"
}

.console-component-topbar .icon-api-2:before {
    content: "\e6d4"
}

.console-component-topbar .icon-api:before {
    content: "\e6d5"
}

.console-component-topbar .icon-dpa-2:before {
    content: "\e6d6"
}

.console-component-topbar .icon-dpa-3:before {
    content: "\e6d7"
}

.console-component-topbar .icon-dpa:before {
    content: "\e6d8"
}

.console-component-topbar .icon-lvwang-2:before {
    content: "\e6d9"
}

.console-component-topbar .icon-lvwang-3:before {
    content: "\e6da"
}

.console-component-topbar .icon-lvwang:before {
    content: "\e6db"
}

.console-component-topbar .icon-mas-2:before {
    content: "\e6dc"
}

.console-component-topbar .icon-mas-3:before {
    content: "\e6dd"
}

.console-component-topbar .icon-mas:before {
    content: "\e6de"
}

.console-component-topbar .icon-dts-2:before {
    content: "\e6cf"
}

.console-component-topbar .icon-dts-3:before {
    content: "\e6d0"
}

.console-component-topbar .icon-dts:before {
    content: "\e6d1"
}

.console-component-topbar .icon-android:before {
    content: "\e6c9"
}

.console-component-topbar .icon-cps-2:before {
    content: "\e6ca"
}

.console-component-topbar .icon-cps-3:before {
    content: "\e6cb"
}

.console-component-topbar .icon-cps:before {
    content: "\e6cc"
}

.console-component-topbar .icon-ios:before {
    content: "\e6cd"
}

.console-component-topbar .icon-vitality:before {
    content: "\e6ce"
}

.console-component-topbar .icon-dfs-2:before {
    content: "\e6bb"
}

.console-component-topbar .icon-dfs-3:before {
    content: "\e6bc"
}

.console-component-topbar .icon-dfs:before {
    content: "\e6bd"
}

.console-component-topbar .icon-edas-2:before {
    content: "\e6c1"
}

.console-component-topbar .icon-edas-3:before {
    content: "\e6c2"
}

.console-component-topbar .icon-edas:before {
    content: "\e6c3"
}

.console-component-topbar .icon-enter:before {
    content: "\e6c4"
}

.console-component-topbar .icon-usableCenter-2:before {
    content: "\e6c5"
}

.console-component-topbar .icon-usableCenter-3:before {
    content: "\e6c6"
}

.console-component-topbar .icon-usableCenter:before {
    content: "\e6c7"
}

.console-component-topbar .icon-ace-2:before {
    content: "\e600"
}

.console-component-topbar .icon-ace:before {
    content: "\e601"
}

.console-component-topbar .icon-add-1:before {
    content: "\e602"
}

.console-component-topbar .icon-add-2:before {
    content: "\e603"
}

.console-component-topbar .icon-add:before {
    content: "\e604"
}

.console-component-topbar .icon-ads-2:before {
    content: "\e605"
}

.console-component-topbar .icon-ads:before {
    content: "\e606"
}

.console-component-topbar .icon-amplify:before {
    content: "\e607"
}

.console-component-topbar .icon-arrow-down:before {
    content: "\e608"
}

.console-component-topbar .icon-arrow-left:before {
    content: "\e609"
}

.console-component-topbar .icon-arrow-right:before {
    content: "\e60a"
}

.console-component-topbar .icon-arrow-up:before {
    content: "\e60b"
}

.console-component-topbar .icon-backup:before {
    content: "\e60c"
}

.console-component-topbar .icon-bell:before {
    content: "\e60d"
}

.console-component-topbar .icon-buy:before {
    content: "\e60e"
}

.console-component-topbar .icon-calendar:before {
    content: "\e60f"
}

.console-component-topbar .icon-cdn-2:before {
    content: "\e610"
}

.console-component-topbar .icon-cdn:before {
    content: "\e611"
}

.console-component-topbar .icon-cdp:before {
    content: "\e612"
}

.console-component-topbar .icon-clock:before {
    content: "\e613"
}

.console-component-topbar .icon-cloudisk:before {
    content: "\e614"
}

.console-component-topbar .icon-cloudisk2:before {
    content: "\e615"
}

.console-component-topbar .icon-db-g:before {
    content: "\e616"
}

.console-component-topbar .icon-db-r:before {
    content: "\e617"
}

.console-component-topbar .icon-db-sign:before {
    content: "\e618"
}

.console-component-topbar .icon-db-t:before {
    content: "\e619"
}

.console-component-topbar .icon-db:before {
    content: "\e61a"
}

.console-component-topbar .icon-ddos-2:before {
    content: "\e61b"
}

.console-component-topbar .icon-ddos:before {
    content: "\e61c"
}

.console-component-topbar .icon-detail-2:before {
    content: "\e61d"
}

.console-component-topbar .icon-detail:before {
    content: "\e61e"
}

.console-component-topbar .icon-disk-image:before {
    content: "\e61f"
}

.console-component-topbar .icon-down:before {
    content: "\e620"
}

.console-component-topbar .icon-dpc-2:before {
    content: "\e621"
}

.console-component-topbar .icon-dpc:before {
    content: "\e622"
}

.console-component-topbar .icon-drds-2:before {
    content: "\e623"
}

.console-component-topbar .icon-drds:before {
    content: "\e624"
}

.console-component-topbar .icon-ecs-2:before {
    content: "\e625"
}

.console-component-topbar .icon-ecs:before {
    content: "\e626"
}

.console-component-topbar .icon-ess-2:before {
    content: "\e627"
}

.console-component-topbar .icon-ess:before {
    content: "\e628"
}

.console-component-topbar .icon-exec-snapshot-policy:before {
    content: "\e629"
}

.console-component-topbar .icon-goback:before {
    content: "\e62a"
}

.console-component-topbar .icon-graphs:before {
    content: "\e62b"
}

.console-component-topbar .icon-help-1:before {
    content: "\e62c"
}

.console-component-topbar .icon-help-2:before {
    content: "\e62d"
}

.console-component-topbar .icon-help:before {
    content: "\e62e"
}

.console-component-topbar .icon-home:before {
    content: "\e62f"
}

.console-component-topbar .icon-info-1:before {
    content: "\e630"
}

.console-component-topbar .icon-info-2:before {
    content: "\e631"
}

.console-component-topbar .icon-info:before {
    content: "\e632"
}

.console-component-topbar .icon-invite:before {
    content: "\e633"
}

.console-component-topbar .icon-jiankong-2:before {
    content: "\e634"
}

.console-component-topbar .icon-lightcloud-2:before {
    content: "\e636"
}

.console-component-topbar .icon-lightcloud:before {
    content: "\e637"
}

.console-component-topbar .icon-log:before {
    content: "\e638"
}

.console-component-topbar .icon-logo:before {
    content: "\e639"
}

.console-component-topbar .icon-menu:before {
    content: "\e63c"
}

.console-component-topbar .icon-mqs-2:before {
    content: "\e63d"
}

.console-component-topbar .icon-mqs:before {
    content: "\e63e"
}

.console-component-topbar .icon-mts:before {
    content: "\e63f"
}

.console-component-topbar .icon-narrow:before {
    content: "\e640"
}

.console-component-topbar .icon-no-1:before {
    content: "\e641"
}

.console-component-topbar .icon-no-2:before {
    content: "\e642"
}

.console-component-topbar .icon-no:before {
    content: "\e643"
}

.console-component-topbar .icon-oas-2:before {
    content: "\e644"
}

.console-component-topbar .icon-oas:before {
    content: "\e645"
}

.console-component-topbar .icon-ocs-2:before {
    content: "\e646"
}

.console-component-topbar .icon-ocs:before {
    content: "\e647"
}

.console-component-topbar .icon-odps-2:before {
    content: "\e648"
}

.console-component-topbar .icon-odps:before {
    content: "\e649"
}

.console-component-topbar .icon-ons-2:before {
    content: "\e64a"
}

.console-component-topbar .icon-ons:before {
    content: "\e64b"
}

.console-component-topbar .icon-opensearch-2:before {
    content: "\e64c"
}

.console-component-topbar .icon-opensearch:before {
    content: "\e64d"
}

.console-component-topbar .icon-oss-2:before {
    content: "\e64e"
}

.console-component-topbar .icon-oss:before {
    content: "\e64f"
}

.console-component-topbar .icon-ots-2:before {
    content: "\e650"
}

.console-component-topbar .icon-ots:before {
    content: "\e651"
}

.console-component-topbar .icon-pen:before {
    content: "\e652"
}

.console-component-topbar .icon-performance:before {
    content: "\e653"
}

.console-component-topbar .icon-pts-2:before {
    content: "\e654"
}

.console-component-topbar .icon-pts:before {
    content: "\e655"
}

.console-component-topbar .icon-ram-2:before {
    content: "\e656"
}

.console-component-topbar .icon-ram:before {
    content: "\e657"
}

.console-component-topbar .icon-rds-2:before {
    content: "\e658"
}

.console-component-topbar .icon-rds:before {
    content: "\e659"
}

.console-component-topbar .icon-regional:before {
    content: "\e65a"
}

.console-component-topbar .icon-remove-1:before {
    content: "\e65b"
}

.console-component-topbar .icon-remove-2:before {
    content: "\e65c"
}

.console-component-topbar .icon-remove:before {
    content: "\e65d"
}

.console-component-topbar .icon-renew-mgt:before {
    content: "\e65e"
}

.console-component-topbar .icon-safe-lock:before {
    content: "\e65f"
}

.console-component-topbar .icon-safetycontrol:before {
    content: "\e660"
}

.console-component-topbar .icon-search:before {
    content: "\e661"
}

.console-component-topbar .icon-setup:before {
    content: "\e662"
}

.console-component-topbar .icon-shift-in:before {
    content: "\e663"
}

.console-component-topbar .icon-slb-2:before {
    content: "\e664"
}

.console-component-topbar .icon-slb:before {
    content: "\e665"
}

.console-component-topbar .icon-sls-2:before {
    content: "\e666"
}

.console-component-topbar .icon-sls:before {
    content: "\e667"
}

.console-component-topbar .icon-snapshot:before {
    content: "\e668"
}

.console-component-topbar .icon-text-free:before {
    content: "\e669"
}

.console-component-topbar .icon-threshold:before {
    content: "\e66a"
}

.console-component-topbar .icon-tree:before {
    content: "\e66b"
}

.console-component-topbar .icon-unlock:before {
    content: "\e66c"
}

.console-component-topbar .icon-up:before {
    content: "\e66d"
}

.console-component-topbar .icon-updown:before {
    content: "\e66e"
}

.console-component-topbar .icon-viewtable:before {
    content: "\e66f"
}

.console-component-topbar .icon-vpc-2:before {
    content: "\e670"
}

.console-component-topbar .icon-vpc:before {
    content: "\e671"
}

.console-component-topbar .icon-warning-1:before {
    content: "\e672"
}

.console-component-topbar .icon-warning-2:before {
    content: "\e673"
}

.console-component-topbar .icon-warning:before {
    content: "\e674"
}

.console-component-topbar .icon-weekly:before {
    content: "\e675"
}

.console-component-topbar .icon-yes-1:before {
    content: "\e676"
}

.console-component-topbar .icon-yes-2:before {
    content: "\e677"
}

.console-component-topbar .icon-yes:before {
    content: "\e678"
}

.console-component-topbar .icon-yundun-2:before {
    content: "\e679"
}

.console-component-topbar .icon-yundun:before {
    content: "\e67a"
}

.console-component-topbar .icon-yunjiankong:before {
    content: "\e67b"
}

.console-component-topbar .icon-annex:before {
    content: "\e67c"
}

.console-component-topbar .icon-renew:before {
    content: "\e67d"
}

.console-component-topbar .icon-renew-2:before {
    content: "\e67e"
}

.console-component-topbar .icon-plus-border:before {
    content: "\e67f"
}

.console-component-topbar .icon-wo-domain:before {
    content: "\e680"
}

.console-component-topbar .icon-wo-email:before {
    content: "\e681"
}

.console-component-topbar .icon-wo-host:before {
    content: "\e682"
}

.console-component-topbar .icon-wo-sitebuild:before {
    content: "\e683"
}

.console-component-topbar .icon-wo-salepre:before {
    content: "\e684"
}

.console-component-topbar .icon-wo-beian:before {
    content: "\e685"
}

.console-component-topbar .icon-wo-account:before {
    content: "\e686"
}

.console-component-topbar .icon-wo-finance:before {
    content: "\e687"
}

.console-component-topbar .icon-square:before {
    content: "\e688"
}

.console-component-topbar .icon-left:before {
    content: "\e689"
}

.console-component-topbar .icon-upload:before {
    content: "\e68a"
}

.console-component-topbar .icon-list-open:before {
    content: "\e68b"
}

.console-component-topbar .icon-pause:before {
    content: "\e68c"
}

.console-component-topbar .icon-list-close:before {
    content: "\e68d"
}

.console-component-topbar .icon-circle:before {
    content: "\e68e"
}

.console-component-topbar .icon-refresh:before {
    content: "\e68f"
}

.console-component-topbar .icon-return:before {
    content: "\e690"
}

.console-component-topbar .icon-undo:before {
    content: "\e691"
}

.console-component-topbar .icon-alipay:before {
    content: "\e692"
}

.console-component-topbar .icon-auto-renew:before {
    content: "\e693"
}

.console-component-topbar .icon-mobile:before {
    content: "\e694"
}

.console-component-topbar .icon-account:before {
    content: "\e695"
}

.console-component-topbar .icon-services:before {
    content: "\e696"
}

.console-component-topbar .icon-expense:before {
    content: "\e697"
}

.console-component-topbar .icon-redisa-2:before {
    content: "\e698"
}

.console-component-topbar .icon-redisa:before {
    content: "\e699"
}

.console-component-topbar .icon-ddos-3:before {
    content: "\e69a"
}

.console-component-topbar .icon-redisa-3:before {
    content: "\e69b"
}

.console-component-topbar .icon-toolsimage-2:before {
    content: "\e69c"
}

.console-component-topbar .icon-cdp-2:before {
    content: "\e69d"
}

.console-component-topbar .icon-mts-2:before {
    content: "\e69e"
}

.console-component-topbar .icon-toolsimage:before {
    content: "\e69f"
}

.console-component-topbar .icon-toolsimage-3:before {
    content: "\e6a0"
}

.console-component-topbar .icon-ons-3:before {
    content: "\e6a1"
}

.console-component-topbar .icon-ram-3:before {
    content: "\e6a2"
}

.console-component-topbar .icon-yundun-3:before {
    content: "\e6a3"
}

.console-component-topbar .icon-pts-3:before {
    content: "\e6a4"
}

.console-component-topbar .icon-mts-3:before {
    content: "\e6a5"
}

.console-component-topbar .icon-mqs-3:before {
    content: "\e6a6"
}

.console-component-topbar .icon-drds-3:before {
    content: "\e6a7"
}

.console-component-topbar .icon-cdp-3:before {
    content: "\e6a8"
}

.console-component-topbar .icon-dpc-3:before {
    content: "\e6a9"
}

.console-component-topbar .icon-ads-3:before {
    content: "\e6aa"
}

.console-component-topbar .icon-jiankong-3:before {
    content: "\e6ab"
}

.console-component-topbar .icon-vpc-3:before {
    content: "\e6ac"
}

.console-component-topbar .icon-slb-3:before {
    content: "\e6ad"
}

.console-component-topbar .icon-rds-3:before {
    content: "\e6ae"
}

.console-component-topbar .icon-ots-3:before {
    content: "\e6af"
}

.console-component-topbar .icon-oss-3:before {
    content: "\e6b0"
}

.console-component-topbar .icon-ess-3:before {
    content: "\e6b1"
}

.console-component-topbar .icon-opensearch-3:before {
    content: "\e6b2"
}

.console-component-topbar .icon-odps-3:before {
    content: "\e6b3"
}

.console-component-topbar .icon-ocs-3:before {
    content: "\e6b4"
}

.console-component-topbar .icon-oas-3:before {
    content: "\e6b5"
}

.console-component-topbar .icon-lightcloud-3:before {
    content: "\e6b6"
}

.console-component-topbar .icon-cdn-3:before {
    content: "\e6b7"
}

.console-component-topbar .icon-ace-3:before {
    content: "\e6b8"
}

.console-component-topbar .icon-sls-3:before {
    content: "\e6b9"
}

.console-component-topbar .icon-ecs-3:before {
    content: "\e6ba"
}

.console-component-topbar * {
    box-sizing: border-box
}

.console-component-topbar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.console-component-topbar a {
    text-decoration: none;
    color: #06C;
    cursor: pointer
}

.console-component-topbar a:focus {
    outline: 0
}

.console-component-topbar a:hover {
    text-decoration: none
}

.console-component-topbar .inline-block {
    display: inline-block
}

.console-component-topbar .open .topbar-product-dropdown {
    display: block
}
